.container {
    position: relative;
    margin: 0 48px;
    .leftButton,
    .rightButton {
        position: absolute;
        top: 50%;
    }
    .leftButton {
        left: -32px;
        transform: translateY(-50%) rotate(-90deg);
    }
    .rightButton {
        right: -32px;
        transform: translateY(-50%) rotate(90deg);
    }
}

.wrap {
    flex: 1;
    // width: 236px;
    height: 76px;
    padding: 0 8px;
    .box {
        border-radius: 4px;
        position: relative;
        border: 1px solid rgba(0, 0, 0, 0.08);
        height: 100%;
        padding: 16px;
        cursor: pointer;
    }
    .check {
        display: none;
        position: absolute;
        right: 13px;
        top: 13px;
    }
    &:last-child {
        margin-right: 0;
    }
    &.selected {
        .box {
            border-color: #ffa808;
            .check {
                display: block;
            }
        }
    }
}

.title {
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.desc {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.35);
    margin-top: 4px;
    span {
        color: #ffa808;
    }
}
